@import "./scss/el-tag";
@import "./scss/el-button";
@import "./scss/el-switch.scss";
@import "./scss/el-color-picker.scss";
@import "./scss/el-form";
@import "./scss/el-input";
@import "./scss/el-table";
@import "./scss/el-pagination";
@import "./scss/el-dialog";
@import "./scss/el-tabs.scss";
@import "./scss/el-tooltip.scss";
@import "./scss/el-drawer.scss";
@import "./scss/el-cascader.scss";
@import "./scss/el-date-editor.scss";
@import "./scss/el-nav-menu.scss";
@import "./scss/el-transfer.scss";
@import "./scss/el-message-box.scss";

.limit-width{
  margin: 0 auto;
  color: #444;
  box-sizing: border-box;
  background-size: cover;
  width: 100%;
  height: calc(100vh - 50px);
  padding: rem(15px);

  @media only screen and (max-width: 1600px) and (min-width: 1441px) {
    height: calc(100vh - 50/16 * 14px);
  }

  @media only screen and (max-width: 1441px) {
    height: calc(100vh - 50/16 * 12px);
  }

  .bg-no-data{
    width: rem(200px);
    height: rem(200px);
    background: url("~@/assets/images/noData.png") no-repeat;
    background-size: 100%;
  }

  .redefine-list-info{
    display: flex;
    flex-wrap: wrap;

    .list-info-item{
      display: flex;
      width: 50%;
      min-height: rem(40px);
      line-height: rem(40px);
      font-size: rem(16px);
      color: #444;

      .list-info-label{
        color: #999;
        width: rem(100px);
        text-align: right;
        font-size: rem(14px);
        display: inline-block;
      }
      .list-info-value{
        max-width: rem(400px);
        margin-left: rem(15px);
        display: inline-block;
        vertical-align: top;
        font-weight: 400;
      }
    }
  }



}

